import React from 'react';
import ReactDOM from 'react-dom/client';
import { BrowserRouter,Routes,Route} from 'react-router-dom';
import './index.css';
import About from "./pages/About"
import Index from "./pages/Index"
import Cart from "./pages/Cart"
import Contact from "./pages/Contact"
import Login from "./pages/Login"
import NewsDetails from "./pages/NewsDetails"
import News from "./pages/News"
import NotFound from "./pages/NotFound"
import Product from "./pages/Product"
import ProductDetails from "./pages/ProductDetails"
import Register from "./pages/Register"

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <BrowserRouter>
  <Routes>
    <Route path='/' element={<Index/>}></Route>
    <Route path='/about' element={<About/>}></Route>
    <Route path='/cart' element={<Cart/>}></Route>
    <Route path='/contact' element={<Contact/>}></Route>
    <Route path='/login' element={<Login/>}></Route>
    <Route path='/news_details' element={<NewsDetails/>}></Route>
    <Route path='/news' element={<News/>}></Route>
    <Route path='/product' element={<Product/>}></Route>
    <Route path='/product_details' element={<ProductDetails/>}></Route>
    <Route path='/register' element={<Register/>}></Route>
    <Route path='/*' element={<NotFound/>}></Route>
  </Routes>
  </BrowserRouter>
  
);


